<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-08-02 20:18:31
 * @LastEditTime: 2019-08-11 08:22:26
 * @LastEditors: Please set LastEditors
 -->
<template>
  <div ref="editor"></div>
</template>

<script>
// import E from 'wangeditor'
// export default {
//   props: {
//     filePath: {
//       type: String,
//       default: 'editor'
//     },
//     value: {
//       type: String
//     }
//   },
//   watch: {
//     value(val) {
//       this.editor.txt.html(val)
//     }
//   },
//   data() {
//     return {
//       editor: null
//     }
//   },
//   mounted() {
//     var editor = this.editor = new E(this.$refs.editor)
//     // 配置上传图片
//     editor.customConfig.uploadImgServer = `${process.env.VUE_APP_BASE_API}sys/file/upload`
//     editor.customConfig.uploadImgParams = {
//       filePath: this.filePath,
//       editorType: 1,
//       fileType: 1
//     }
//     editor.customConfig.uploadFileName = 'file'
//     editor.customConfig.uploadImgHeaders = {
//       'Accept': '*/*',
//       'Authorization': this.$store.state.user.token
//     }
//     editor.customConfig.uploadImgHooks = {
//       customInsert: (insertImg, result, editor) => {
//         let url = result.data[0]
//         insertImg(`${process.env.VUE_APP_BASE_API}upload/${this.filePath}/${url}`)
//       }
//     }
//     // 监听数据变化
//     editor.customConfig.onchange = (html) => {
//       this.$emit('input', html)
//       this.$emit('json', editor.txt.getJSON())
//     }
//     editor.create()
//   },
//   methods: {
//     clear() {
//       this.editor.txt.clear()
//     }
//   }
// }
</script>

<style lang="stylus">
  .w-e-toolbar
    display flex
    flex-wrap wrap
</style>
